<template>
  <div>
    <!-- <Dpzj :width="5760" :height="1620" >
      <div class="kuang">
        <div class="topF"></div>
        <div class="contentF">
          <div class="part1">
            <Part1/>
          </div>
          <div class="part2">
            <Part2/>
          </div>
          <div class="part3">
            <Part3/>
          </div>
        </div>
      </div>
    </Dpzj> -->
  
    <!-- <Test/> -->
    <ModelVue>
      1223
    </ModelVue>

  </div>
</template>

<script>


export default {
  name:'MainT',
  components:{
    Dpzj: ()=> import('../components/dpzj.vue'),
    Part1: ()=> import('./part/part1.vue'),
    Part2: ()=> import('./part/part2.vue'),
    Part3: ()=> import('./part/part3.vue'),
    Test: ()=>import('./text/test.vue'),
    ModelVue: ()=>import('./text/modelVue.vue')
  },
  data (){
    return{
      
    }
  }
}
</script>
<style lang="less" scoped>
.kuang{
  background-color: antiquewhite;
  width: 100%;
  height: 100%;
  background-image:url('../assets/images/BG.png');
  background-size: cover;
  // background-repeat: no-repeat; 
}
.topF{
  width: 100%;
  height: 135px;
  // background-color: aquamarine;
  // opacity: 0.3;
}
.contentF{
  display: flex;
  height: calc(100vh - 135);
  // width:5730px;
  .part1{
    // background-color: coral;
    // opacity: 0.5;
    // border: 1px solid rgb(255, 255, 255);
    width: 28.5%;
    height: 1485px;
  }
  .part2{
    // background-color: rgb(146, 152, 108);
    // opacity: 0.5;
    // border: 1px solid rgb(255, 255, 255);
    width: 45%;
    height: 1485px;
  }
  .part3{
    // background-color: rgb(192, 89, 218);
    // opacity: 0.5;
    // border: 1px solid rgb(255, 255, 255);
    width: 26.5%;
    height: 1485px;
  }
}

/deep/ .element.style{
  margin-right: 0,
}
</style>